<!--
 * @description: 
 * @Author: jhw
 * @Date: 2023-08-01 20:41:11
 * @LastEditors: jhw
 * @LastEditTime: 2024-06-20 10:31:18
-->
<template>
  <!-- <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
    <el-tab-pane v-for="(item, i) in modulesList" :key="i" :label="item.name" :name="item.name">
      <component :is="item.component"></component>
    </el-tab-pane>
  </el-tabs> -->
  <div>123123</div>
</template>
<script lang="ts" setup>
// import { ref } from 'vue';
// import type { TabsPaneContext } from 'element-plus';

// const modulesList = [] as any[];

// const modules = import.meta.glob('./demo*.vue', { eager: true });
// Object.keys(modules).forEach((modulePath) => {
//   const nameMatch = modulePath.match(/([a-zA-Z]+)+(\d+)/) as string[];
//   const name = nameMatch[0].replace(nameMatch[0], nameMatch[0].charAt(0).toUpperCase() + nameMatch[0].slice(1));
//   const component = (modules[modulePath] as any).default;
//   modulesList.push({
//     name,
//     component,
//   });
// });

// const activeName = ref('Demo6');
// const handleClick = (tab: TabsPaneContext, event: Event) => {
//   // 将proxy转换为普通对象
//   console.log({ ...tab }, event);
// };
</script>
<style>
/* .demo-tabs > .el-tabs__content {
  padding: 32px;
  color: #6b778c;
  font-size: 32px;
  font-weight: 600;
} */
</style>
